@include 'lionbars/lionbars.css';

/*  main div start ************************************/

html
{
/*background: url("images/bg.png") repeat scroll 0 0 transparent;*/
}

body {
    font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	padding:0px;
	margin:0px;
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;
	font-size:10pt;
	background-attachment: fixed;
	background-image: url('images/bg/bg3.jpg');
	background-repeat: repeat;
     }

input[type=text], textarea, select
{
	outline:none;
}
img
{
	border:none;
}

div, table, tr, td
{
	padding:0px;
}	 
#header-wrapper
{
	background: #000;
	position: fixed;
	width: 100%;
	top: 0px;
	z-index: 100;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 10px #888;
	box-shadow: 0 0 10px #888;
}	 

#header
{
	width:1000px;
	margin:auto;
	background:#000;
}

#login-box
{
	float:right;
	margin-right:20px;
	border-radius: 5px;
	position:relative;
}

#right-pane
{
	width:300px;
	position:fixed;
	min-height:500px;
	top:0px;
	bottom:0px;
	padding-top:60px;
	background:#eee;
	z-index:11;
}

#right-pane-content
{
	box-shadow: 0px 0px 5px #aaa;
}

#left-pane
{
	background: #fff;
	width:700px;
	float:right;
}
#left-pane-bg
{
	background: #fff;
	width:700px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
	top:60px;
	bottom:0px;
	left:50%;
	margin-left:-200px;
	z-index:-10;
	position:fixed;
}


.clear
{
	clear:both;
}


#content
{
	margin:auto;
	margin-top:60px;
	margin-bottom:15px;
	width:1000px;
	min-height:500px;	
	border-top:none;
}

#footer
{
	font-size:10pt;
	width:1000px;
	margin:auto;
	margin-bottom:50px;
}

#choose_nick_name
{
	background:#eee;
	padding:10px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 10px #555;
	-webkit-box-shadow: 0px 0px 10px #555;
	box-shadow: 0px 0px 10px #555;
}

.err_box
{
	padding:10px;
	background:#cfc;
	border:1px solid #9f9; 
	border-radius:5px;
}


#show_msg_msg
{
	display:none;
	top:0px;
	width:300px;
	background:#cfc;
	border:1px solid #afa;
	border-radius:0px 0px 5px 5px;
	position:fixed;
	left:50%;
	margin-left:-150px;
	padding:10px;
	font-size:10pt;
	max-height:50px;
	overflow:auto;
	-moz-box-shadow: 0px 0px 10px #aaa;
	-webkit-box-shadow: 0px 0px 10px #aaa;
	box-shadow: 0px 0px 10px #aaa;
	z-index:101;
	text-align:center;
}

hr
{
	border:0px;
	padding:0px;
	background:#aaa;
	height:2px;
}

/*  main div end ************************************/




/******** menu and links   ***********************************/


a, .a 
{	
	color:#334;
	text-decoration:none;
}
.a:hover 
{
	color:#000;
	text-decoration:underline;
	cursor:pointer;
}
a:hover
{
	color:#000;
	text-decoration:underline;
	cursor:pointer;
}

a.black:hover, #header .a:hover
{
	color:#fff;
	text-decoration:none;
}

.menu-item:hover
{
	background:#fee;
}
.medium-menu
{
	width:150px;
	border:1px solid #ccc;
	box-shadow: 1px 1px 1px #aaa;
	border-radius:3px;	
	margin:3px;
}
.medium-menu:hover
{
	cursor:pointer;
	border:1px solid #888;
}

.medium-menu div.menu-icon{
	width:20px;
	padding:5px;
	float:left;
}
.medium-menu div.menu-icon img
{
	width:20px;
	
}
.medium-menu div.menu-text {
	width:100px;
	padding:5px;
	float:left;
}

.header-menu:hover
{
	background:#000;
}

div#gausipp_menu, div#header_chat_menu
{
padding:10px;
width:200px;
background:#fee;
margin-left: -160px;
margin-top: 2px;
border-radius: 0px 0px 10px 10px;
position:absolute;
z-index:10;
box-shadow:0px 0px 10px #555;
font-size:8pt;
}

.header-menu-active
{
	background:#222	;
}

.blackbg
{
	background:#000;
}
/****************** menu and link  end ***********************************/


/********   forms and other ****************************/


.button
{
	padding:3px;
	border-radius:2px;	
	text-decoration:none;
	color:#fff;
	text-shadow:0px 0px 5px #6a6837;
	border:1px solid #777;
	font-size:10pt;
	font-family:inherit;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#444));
	background-image:-moz-linear-gradient(top,  #ddd,  #444);
	opacity:0.8;
}

.button:hover
{
	opacity:1;
	border:1px solid #000;
}

.button:active
{
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	border:1px solid #777;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#444), to(#ddd));
	background-image:-moz-linear-gradient(top,  #996699, #ddaadd);
}


.form
{
	padding: 7px;
	border-radius:5px;
	border: 1px solid #faa;
	box-shadow: 1px 1px 5px #faa;
	margin:5px;
}

textarea.form
{
	font-family:arial;
	width:250px;
}

/*************************** forms and others end *********************************/




/******************************************** POST and stream*********************************************************************/

#post_box
{
border-radius: 3px;	
font-family: verdana;
border: 1px solid #AAA;
font-size:10pt;	
width:610px;
border:none;
}


.stream_post
{
	width:500px;
	overflow:auto;
	max-height:250px;
	font-size:10pt
}

.img
{
	border: 1px solid #999;
}

div.stream_more
{
	background: #eff2ed;
	padding:5px;
	text-align:center;
	margin:auto;
}

div.stream_more:hover
{
	background: #ddd;
}

/************************************************** POST END *******************************************************/




/*********************************  general presentation *********************************/

.normal-font
{
	font-size:12pt;
}
.small-font
{
	font-size:8pt;
}
.large-font
{
	font-size:15pt;
}
.vertical-font
{
	writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	white-space:nowrap;
	bottom:0px;
}




.faded-font, .faded
{
	color:#aaa;
}

.shadow
{
-moz-box-shadow: 0px 0px 10px #555;
	-webkit-box-shadow: 0px 0px 10px #555;
	box-shadow: 0px 0px 10px #555;
}

.shadow1
{
-moz-box-shadow: 2px 2px 5px #999;
	-webkit-box-shadow: 2px 2px 5px #999;
	box-shadow: 2px 2px 5px #999;
}


.black
{
	color:#bbb;
}

.cfont1
{
	font-family: 'Ubuntu Condensed', sans-serif;
}

.cfont2
{
	font-family: 'Bad Script', sans-serif;
}


/********************************************  presentation end  ***************************************/

/****************************side bar *************************************************/
.sidebar-box
{
	margin-bottom:15px;
	/*
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
	border-radius:5px;
	border:1px solid #fdd;
	background:#fff;
	*/
}

.sidebar-box .sidebar-div
{
	padding:10px;
	margin:0px;
	/*background: -moz-linear-gradient(left center , #BEE4F8 1%, #C8EEFB 50%, #DBF5FC 100%) repeat scroll 0 0 transparent;*/
	/*background:#fee;	*/
}
.sidebar-box .sidebar-header
{
	margin:0px;
	padding:5px;
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:14pt;
	background:#fff;
	/*border-radius: 5px 5px 0px 0px;*/
}

/***************************** sidebar end *************************************************/

 
/************************************ tour boxes *************************************/


#float_box_wrapper
{
	height: 100px;
	width: 300px;
	position:fixed;
	display:none;
	z-index:10;
}

#main2
{
	background:#fff;
	padding:10px;
	box-shadow: 0px 0px 5px #aaa;
	height:100px;
	width: 250px;
	overflow:auto;
}
.tri_up
{
	width:0px;
	height:0px;
	border-bottom	:20px solid #75203f;
	border-right: 20px solid transparent;
	border-left:20px solid transparent;
}
.tri_up_vote
{
	width:0px;
	height:0px;
	border-bottom	:15px solid #75203f;
	border-right: 15px solid transparent;
	border-left:15px solid transparent;
}
.tri_down_vote
{
	width:0px;
	height:0px;
	border-top	:15px solid #75203f;
	border-right: 15px solid transparent;
	border-left:15px solid transparent;
}

.tri_down
{
	width:0px;
	height:0px;
	border-top	:20px solid #75203f;
	border-right: 20px solid transparent;
	border-left:20px solid transparent;
}

.stream .tri_left
{
	border-right:10px solid #faa;
	
}
.tri_left
{
	width:0px;
	height:0px;
	border-right:20px solid #75203f;
	border-top: 20px solid transparent;
	border-bottom:20px solid transparent;
}
.stream .tri_right
{
	border-left:10px solid #ada; 
} 
.tri_right
{
	width:0px;
	height:0px;
	border-left:20px solid #75203f;
	border-top: 20px solid transparent;
	border-bottom:20px solid transparent;
}



/************************************** tour boxes end *****************************/

.circle {
display: block;
width: 10px;
height: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-top:5px;
}

.online
{
	background:#afa;
	border:1px solid #ccc;
	
}
 
.offline
{
	border:1px solid #bbb;
	background:#ddd;
	   
}
.nouser
{
	border:1px solid #ddd;
	background:#fff;
	   
}
.unread
{
	background:#3373d1;
}

.online_status
{
	font-size:7pt;
	border-radius:5px;
	border:1pt solid #aaa; 
	color:#555;
	padding:2px;
	width:10px;  

}

.unread_bubble
{
	   background: none repeat scroll 0 0 #EEFFFF;
    border-radius: 2px 2px 2px 2px;
    color: #000000;
    font-size: 7pt;
    padding: 2px;
    position: absolute;
    box-shadow:1px 1px 1px #000;
}

.dialog-left
{
	background:#ffefef;
	padding:10px;
	border:1px solid #faa;
	border-radius:5px;
	
}

.dialog-right
{
	background:#efffef;
	padding:10px;   
	border:1px solid #ada;
	border-radius:5px;
}


/*********************************** button *****************************************/

.button1 {
     background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
     color: #444;
     display: block;
     float: left;
     font: normal 12px arial, sans-serif;
     height: 24px;
     margin-right: 6px;
     padding-right: 18px; /* sliding doors padding */
     text-decoration: none;
 }

 .button1 span{ 
     background: transparent url('images/bg_button_span.gif') no-repeat;
     display: block;
     line-height: 14px;
     padding: 5px 0 5px 18px;
     text-decoration:none;
 }
 
 .button1:hover
 {
 	text-decoration:none;
 } 
 
 
 .button1:active {
     background-position: bottom right;
     color: #000;
     outline: none; /* hide dotted outline in Firefox */
 }

 .button1:active span {
     background-position: bottom left;
     padding: 6px 0 4px 18px; /* push text down 1px */
 } 


/********************************** comments and reaction ***************************************/

.commentbox
{
	background:#fee;
	padding:5px;
}

.comment
{
	padding:5px;
	margin-bottom:2px;
	background:#fee;
}

.reaction-wrapper
{
	padding:2px;
	border-radius:5px 5px 5px 5px;
	box-shadow:1px 1px 2px #888;
	border:1px solid #ddd;
	font-size:80%;
}

.filler
{
	border-radius: 2px;
	font-size:80%;
	font-weight:bold;
}
  
.voteselect
{
	opacity:0.7; !important   
}

.votearrow
{
	opacity:0.3;
}

.votehover
{
	opacity:1; !important
}


#marker
	{
		height:0px;
		width:0px;
		position:absolute;
		border-bottom: 10px solid #aaa;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;	
	}
	.nav_item:hover
	{
		cursor:pointer;
	} 
	
/***********************************************************     CHAT BUBBLE *****************************************************/
.chat-bubble span.postContent{
     margin:5px;	
        border:1px solid #aaa;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
        border-radius: 5px;
		padding:7px;
	
}
.anon-chat-bubble span.postContent
{
	background:#fefefe !important;
}

.right-chat-bubble
{
	text-align:right;
	float:right;
}	
.right-chat-bubble span.postContent
{	
	background:#efe;
	display:inline-block;
	text-align:left;
}
.left-chat-bubble span.postContent
{
	background:#fee;
	display:inline-block;
	text-align:left;
}

.left-chat-bubble
{
	float:left;
	text-align:left;
}


.chat-bubble-arrow {
	border-color: transparent #fee transparent transparent;
	border-style: solid;
	border-width: 6px;
        height:0;
	width:0;
	position:absolute;
	bottom:-1px;
	left:-3px;
	-webkit-transform: rotate(70deg);
	-moz-transform: rotate(70deg);
        transform: rotate(70deg);
}
 
.chat-bubble-arrow-border {
	border-color: transparent #38691a transparent transparent;
	border-style: solid;
	border-width: 6px;
	height:0;
	width:0;
	position:absolute;
	bottom:-3px;
	left:-5px;
	-webkit-transform: rotate(70deg);
	-moz-transform: rotate(70deg);
}

div.cross
{
	background: no-repeat url(images/buttons.png) -33px -31px;
	height: 9px;
	width: 9px;
	cursor: pointer;	
	margin: 1px;
}

.selectableRes:hover 
{
	background:#eef;
	cursor:pointer;
}

.bottom-float
{	
	position:fixed;
	bottom:0;
	background:#eff;
}

.cross-image
{
	padding:2px;
	border-radius:2px;
}
.cross-image:hover
{
	background:#fff;
	cursor:pointer;
}

.groupSettingsLink 
{
	cursor:pointer;
	opacity:0.2;
}

.groupSettingsLinkSel
{
	opacity:1; 
}

.groupSettingsLink:hover, .groupLeaveLink:hover
{
	cursor:pointer;
	opacity:1;
}

.frndlst_item
{
	padding: 5px;
}
.frndlst_item:hover, .frndlst_item_sel
{
	cursor:pointer;
	background:#eee;
}

.gp_frnd_list_highlight
{
	background:#ccc;
}

.highlight-leftcol
{
	background:#e5e5e5;
}
.hover-leftcol
{
	background:#e5e5e5;
}